<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8" />
    <title>超市账单管理系统</title>
    <link rel="stylesheet" href="css/public.css" />
    <link rel="stylesheet" href="css/style.css" />
</head>

<body>
    <!--头部-->
    <header class="publicHeader">
        <h1>超市账单管理系统</h1>
        <div class="publicHeaderR">
            <p><span>下午好！</span><span style="color: #fff21b" class="username"> Admin</span> , 欢迎你！</p>
            <a href="##" class="logout">退出</a>
        </div>
    </header>
    <!--时间-->
    <section class="publicTime">
        <span id="time">2015年1月1日 11:11 星期一</span>
        <a href="#">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a>
    </section>
    <!--主体内容-->
    <section class="publicMian">
        <div class="left">
            <h2 class="leftH2"><span class="span1"></span>功能列表 <span></span></h2>
            <nav>
                <ul class="list">
                    <li><a href="billList.html">账单管理</a></li>
                    <li><a href="providerList.html">供应商管理</a></li>
                    <li id="active"><a href="userList.html">用户管理</a></li>
                    <li><a href="password.html">密码修改</a></li>
                    <li><a href="##" class="logout">退出系统</a></li>
                </ul>
            </nav>
        </div>
        <div class="right">
            <div class="location">
                <strong>你现在所在的位置是:</strong>
                <span>用户管理页面 >> 用户添加页面</span>
            </div>
            <div class="providerAdd">
                <form action="#" class="addForm">
                    <!--div的class 为error是验证错误，ok是验证成功-->
                    <div class="">
                        <label for="userCode">用户编码：</label>
                        <input type="text" name="userCode" id="userCode" />
                        <span>*请输入用户编码，且不能重复</span>
                    </div>
                    <div>
                        <label for="userName">用户名称：</label>
                        <input type="text" name="userName" id="userName" />
                        <span>*请输入用户名称</span>
                    </div>
                    <div>
                        <label for="userPassword">用户密码：</label>
                        <input type="password" name="userPassword" id="userPassword" />
                        <span>*密码长度必须大于6位小于20位</span>
                    </div>
                    <div>
                        <label for="userRemi">确认密码：</label>
                        <input type="password" name="userRemi" id="userRemi" />
                        <span>*请输入确认密码</span>
                    </div>
                    <div>
                        <label>用户性别：</label>
                        <select name="gender" class="gender">
                            <option value="1">男</option>
                            <option value="2">女</option>
                        </select>
                        <span></span>
                    </div>
                    <div>
                        <label for="birthday">出生日期：</label>
                        <input type="text" name="birthday" id="birthday" />
                        <span>*</span>
                    </div>
                    <div>
                        <label for="phone">用户电话：</label>
                        <input type="text" name="phone" id="phone" />
                        <span>*</span>
                    </div>
                    <div>
                        <label for="address">用户地址：</label>
                        <input type="text" name="address" id="address" />
                        <span>*</span>
                    </div>
                    <div>
                        <label>用户类型：</label>
                        <input type="radio" name="userRole" class="userRole" value="1" />管理员 <input type="radio"
                            name="userRole" class="userRole" value="2" />经理 <input type="radio" name="userRole"
                            class="userRole" value="3" checked />普通用户 <input type="radio" name="userRole"
                            class="userRole" value="4" />老板
                    </div>
                    <div class="providerAddBtn">
                        <input type="submit" style="padding: 0" value="保存" />
                        <input type="button" value="返回" onclick="history.back(-1)" />
                    </div>
                </form>
            </div>
        </div>
    </section>
    <footer class="footer">版权归北大青鸟</footer>
    <script src="js/time.js"></script>
    <script src="./js/jquery.js"></script>
    <script src="./utils/logout.js"></script>
    <script src="./utils/request.js"></script>
    <script src="./utils/setUserName.js"></script>
    <script src="./utils/urlIntercept.js"></script>
    <script src="./js/userAdd.js"></script>
</body>

</html>